<template>
  <div :class="classType">
    <div style="font-size: 16px !important;">{{ name }}</div>
  </div>
</template>

<script>
export default {
  name: 'STitle',
  props: {
    name: {
      type: String,
      default: ''
    },
    classType: {
      type: String,
      default: 'title'
    }
  }
}
</script>

<style lang="less" scoped>
  div.title {
    margin-bottom: 20px;
    font-size: 16px !important;
    font-weight: bold;

    div {
      border-left: 4px solid #1890FF;
      text-indent: 12px;
    }

  }
  div.green {
    margin-bottom: 20px;
    font-size: 16px !important;
    font-weight: bold;

    div {
      border-left: 4px solid #41b883;
      text-indent: 12px;
      color: rgba(0, 0, 0, 0.85);
    }

  }

</style>
